table{
    width: 88%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 auto;
    /*border-radius: 20px;*/
}
table caption{
    font-size: 1.5em;
    font-weight: bold;
    margin: 1em 0;
}
th,td{
    border: 1px solid #999;
    text-align: center;
    padding: 10px 0;
}
table thead tr{
    background-color: #8ea4f8;
    color: #fff;
}
table tbody tr:nth-child(odd){
    background-color: #eee;
}
table tbody tr:hover{
    background-color: #ccc;
}
table tbody tr td:first-child{
    color: #f40;
}
table tfoot tr td{
    text-align: right;
    padding-right: 20px;
}
.table {
    margin: 0 auto;
    border-radius: 5px;
}
.options {
    background-color: #eee;
}
table tr th {
    border-top:1px solid #d4d8da;
}
/*给所有的th和td添加右边框+下边框*/
table tr th, table tbody tr td ,table tfoot tr td{
    border-right: 1px solid #d4d8da;
    border-left: 1px solid #d4d8da;
    border-bottom: 1px solid #d4d8da;
    text-align: center;
    padding: 10px;
}
/*给表头行的所有th加上左边框，
第一行的第一个合并的单元格添加左边框，
第5行的第一个合并过的单元格添加左边框*/
table tr th:first-child, table tr:first-child td:first-child,
table tr:nth-of-type(5) td:first-child {
    border-left: 1px solid #d4d8da;
}
/*给左边第一个th设置左上边框圆角*/
table tr:first-child th:first-child {
    border-top-left-radius: 5px;
}
/*给左边/最后一个th设置右上边框圆角*/
table tr:first-child th:last-child {
    border-top-right-radius: 5px;
}
/*给底部的tfoot的第一个td设置左下圆角*/
table tbody td:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*给tfoot的最后一个td设置右下圆角*/
table tr:last-child .xg {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}